<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>派生选择器</title>
		
		<!--需求：派生选择器抓取页面行内2 颜色任意
		字体放大50px
		父元素【id】
		-->
		<style>
			#d1 div div span{
				background:#00ff00;
				font-size: 50px;
			}
			/*派生选择器：找两个删除线 颜色1红色  2绿色*/
			.d1 div div s{
				background: red;
			}
			.d1 div div div s{
				background: #00ff00;
			}
		</style>
	</head>
	<body>
		<div class="d1">
	 <div>
		 <div><p>段落1</p><div><s>删除线</s></div><s>删除线</s></div><div></div>
	 	<div><p>段落2</p></div>
	 </div>
		
		
		
		<hr>
		<div id="d1">
		<div>
		<p>段落</p>
		<span>行内1</span>
		<div>
			<span>行内2</span>
		</div>
		</div>
		</div>
	</body>
</html>